// 根据登录状态更新用户界面的函数
function updateLoginStatusUI() {
const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true';
const currentUser = localStorage.getItem('currentUser');

const topbarWelcome = document.getElementById('topbarWelcome');
const loggedInDisplay = document.getElementById('loggedInDisplay');
const loggedInUsernameDisplay = document.getElementById('loggedInUsernameDisplay');
const userAvatarLoggedIn = document.getElementById('userAvatarLoggedIn');
const logoutBtnIndex = document.getElementById('logoutBtnIndex');
const loginRegisterButtons = document.getElementById('loginRegisterButtons');

if (isLoggedIn && currentUser) {
    // 更新顶部欢迎信息
    if (topbarWelcome) {
        topbarWelcome.innerHTML = `<a href="#" class="hello">你好，${currentUser}</a>`;
    }

    // 在右侧服务面板显示已登录状态
    if (loggedInDisplay) {
        loggedInDisplay.style.display = 'block';
        loggedInUsernameDisplay.textContent = currentUser;
    }
    // 隐藏原始登录/注册按钮
    if (loginRegisterButtons) {
        loginRegisterButtons.style.display = 'none';
    }

    // 为头像点击添加登出事件监听
    if (userAvatarLoggedIn) {
        userAvatarLoggedIn.addEventListener('click', logout);
    }
    // 为登出按钮添加点击事件监听
    if (logoutBtnIndex) {
        logoutBtnIndex.addEventListener('click', logout);
    }

} else {
    // 重置顶部欢迎信息
    if (topbarWelcome) {
        topbarWelcome.innerHTML = `<a href="login.html" class="hello">你好，请登录</a>`;
    }
    // 隐藏已登录状态区域
    if (loggedInDisplay) {
        loggedInDisplay.style.display = 'none';
    }
    // 显示原始登录/注册按钮
    if (loginRegisterButtons) {
        loginRegisterButtons.style.display = 'block';
    }
}
}

// 登出功能
function logout() {
localStorage.removeItem('isLoggedIn');
localStorage.removeItem('currentUser');
// 重定向到登录页面或直接重新加载index.html以显示登出状态
window.location.href = "index.html"; // 重新加载index.html，此时将显示登出状态
}

// 页面加载时初始化用户界面
window.onload = updateLoginStatusUI;

